


<!DOCTYPE html>
<html lang="zh-CN">
  <head><meta name="generator" content="Hexo 3.8.0">
    <title>Vue Partners — Vue.js</title>
    <meta charset="utf-8">
    <meta name="description" content="Vue.js - The Progressive JavaScript Framework">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="alternate" hreflang="x-default" href="https://vuejs.org/resources/partners.html">
    <link rel="alternate" hreflang="zh" href="partners.html">
    <link rel="alternate" hreflang="ja" href="https://jp.vuejs.org/resources/partners.html">
    <link rel="alternate" hreflang="ru" href="https://ru.vuejs.org/resources/partners.html">
    <link rel="alternate" hreflang="ko" href="https://kr.vuejs.org/resources/partners.html">
    <link rel="alternate" hreflang="pt-BR" href="https://br.vuejs.org/resources/partners.html">
    <link rel="alternate" hreflang="fr" href="https://fr.vuejs.org/resources/partners.html">

    <meta property="og:type" content="article">
    <meta property="og:title" content="Vue Partners — Vue.js">
    <meta property="og:description" content="Vue.js - The Progressive JavaScript Framework">
    <meta property="og:image" content="https://cn.vuejs.org//images/logo.png">

    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="Vue Partners — Vue.js">
    <meta name="twitter:description" content="Vue.js - The Progressive JavaScript Framework">
    <meta name="twitter:image" content="https://cn.vuejs.org/images/logo.png">

    <link rel="apple-touch-icon" sizes="57x57" href="../images/icons/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="../images/icons/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="../images/icons/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="../images/icons/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="../images/icons/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="../images/icons/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="../images/icons/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="../images/icons/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="../images/icons/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="../images/icons/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="../images/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="../images/icons/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="../images/icons/favicon-16x16.png">
    <meta name="msapplication-TileImage" content="/images/icons/ms-icon-144x144.png">
    <link rel="icon" href="../images/logo.png" type="image/png">

    <meta name="msapplication-TileColor" content="#4fc08d">
    <meta name="theme-color" content="#4fc08d">

    <meta name="msapplication-config" content="browserconfig.xml">
    <link rel="manifest" href="../manifest.json">

    <!-- <link href="https://fonts.googleapis.com" rel="preconnect" crossorigin> -->
    <!-- <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin> -->
    <!-- <link href="https://maxcdn.bootstrapcdn.com" rel="preconnect" crossorigin> -->

    <!-- <link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Roboto Mono' rel='stylesheet' type='text/css'> -->
    <!-- <link href='//fonts.googleapis.com/css?family=Dosis:500&text=Vue.js' rel='stylesheet' type='text/css'> -->

    <link href="https://code.bdstatic.com/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- main page styles -->
    <link rel="stylesheet" href="../css/page.css">

    <!-- this needs to be loaded before guide's inline scripts -->
    <script src="../js/vue.js"></script>

    

    <script>
      Vue.config.productionTip = false
      window.PAGE_TYPE = "partners"
    </script>

    <!-- ga -->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-46852172-3', 'cn.vuejs.org');
      ga('send', 'pageview');
    </script>
  </head>
  <body class="docs">
    <div id="mobile-bar">
      <a class="menu-button"></a>
      <a class="logo" href="../index.html"></a>
    </div>
    <div id="header">
  <a id="logo" href="../index.html">
    <img src="../images/logo.png" alt="vue logo">
    <span>Vue.js</span>
  </a>
  <ul id="nav">
    <li>
  <form id="search-form">
    <input type="text" id="search-query-nav" class="search-query st-default-search-input" aria-label="搜索">
  </form>
</li>
<li class="nav-dropdown-container learn">
  <a class="nav-link">学习</a><span class="arrow"></span>
  <ul class="nav-dropdown">
    <li><h4>文档</h4></li>
    <li>
      <ul>
        <li><a href="../v2/guide/index.html" class="nav-link">教程</a></li>
        <li><a href="../v2/api/index.html" class="nav-link">API</a></li>
        <li><a href="../v2/style-guide/index.html" class="nav-link">风格指南</a></li>
        <li><a href="../v2/examples/index.html" class="nav-link">示例</a></li>
        <li><a href="../v2/cookbook/index.html" class="nav-link">Cookbook</a></li>
      </ul>
    </li>
    <li><h4>视频教程</h4></li>
    <li>
      <ul>
        <li><a href="https://www.vuemastery.com/courses/" class="nav-link" target="_blank" rel="sponsored noopener">Vue Mastery (英文)</a></li>
        <li><a href="https://vueschool.io/?friend=vuejs&amp;utm_source=Vuejs.org&amp;utm_medium=Link&amp;utm_content=Navbar%20Dropdown" class="nav-link" target="_blank" rel="noopener">Vue School (英文)</a></li>
        <li><a href="https://learning.dcloud.io/" class="nav-link" target="_blank" rel="sponsored noopener">DCloud 视频教程</a></li>
      </ul>
    </li>
  </ul>
</li>

<li class="nav-dropdown-container ecosystem">
  <a class="nav-link">生态系统</a><span class="arrow"></span>
  <ul class="nav-dropdown">
    <li><h4>帮助</h4></li>
    <li><ul>
      <li><a href="https://forum.vuejs.org/" class="nav-link" target="_blank" rel="noopener">论坛</a></li>
      <li><a href="https://chat.vuejs.org/" class="nav-link" target="_blank" rel="noopener">聊天室</a></li>
      <li><a href="https://events.vuejs.org/meetups/" class="nav-link" target="_blank" rel="noopener">聚会</a></li>
    </ul></li>
    <li><h4>工具</h4></li>
    <li>
      <ul>
        <li><a href="https://github.com/vuejs/vue-devtools" class="nav-link" target="_blank" rel="noopener">Devtools</a></li>
        <li><a href="https://cli.vuejs.org/zh/" class="nav-link" target="_blank" rel="noopener">Vue CLI</a></li>
        <li><a href="https://vue-loader.vuejs.org/zh/" class="nav-link" target="_blank" rel="noopener">Vue Loader</a></li>
      </ul>
    </li>
    <li><h4>核心插件</h4></li>
    <li><ul>
      <li><a href="https://router.vuejs.org/zh/" class="nav-link" target="_blank" rel="noopener">Vue Router</a></li>
      <li><a href="https://vuex.vuejs.org/zh/" class="nav-link" target="_blank" rel="noopener">Vuex</a></li>
      <li><a href="https://ssr.vuejs.org/zh/" class="nav-link" target="_blank" rel="noopener">Vue 服务端渲染</a></li>
    </ul></li>
    <li><h4>信息</h4></li>
    <li><ul>
      <li><a href="https://news.vuejs.org" class="nav-link" target="_blank" rel="noopener">周刊</a></li>
      <li><a href="https://github.com/vuejs/vue/projects/6" class="nav-link" target="_blank" rel="noopener">Roadmap</a></li>
      <li><a href="https://events.vuejs.org/" class="nav-link" target="_blank" rel="noopener">活动</a></li>
      <li><a href="https://twitter.com/vuejs" class="nav-link" target="_blank" rel="noopener">Twitter</a></li>
      <li><a href="https://medium.com/the-vue-point" class="nav-link" target="_blank" rel="noopener">博客</a></li>
      <li><a href="https://vuejobs.com/?ref=vuejs" class="nav-link" target="_blank" rel="noopener">工作</a></li>
    </ul></li>
  </ul>
</li>

<li>
  <a href="../v2/guide/team.html" class="nav-link team">团队</a>
</li>
<li class="nav-dropdown-container resources">
  <a href="#" class="nav-link">资源列表</a><span class="arrow"></span>
  <ul class="nav-dropdown">
    <li><a href="partners.html" class="nav-link">合作伙伴</a></li>
    <li><a href="themes.html" class="nav-link">主题</a></li>
    <li><a href="https://github.com/vuejs/awesome-vue" class="nav-link" target="_blank">Awesome Vue</a></li>
  </ul>
</li>

<!-- <li>
  <a href="/partners" class="nav-link current">Partners</a>
</li> -->
<li class="nav-dropdown-container support-vue">
  <a href="../support-vuejs/index.html" class="nav-link">支持 Vue</a><span class="arrow"></span>
  <ul class="nav-dropdown">
    <li><a href="../support-vuejs/index.html#One-time-Donations" class="nav-link">一次性赞助</a></li>
    <li><a href="../support-vuejs/index.html#Recurring-Pledges" class="nav-link">周期性赞助</a></li>
    <li><a href="https://www.smallsticker.com/%E8%B4%B4%E7%BA%B8/vue.html" rel="noopener" class="nav-link">贴纸</a></li>
    <li><a href="https://osholic.com/?utm_source=vue&amp;utm_medium=dropdown" rel="noopener" class="nav-link">周边</a></li>
    <li><a href="https://vue.threadless.com" target="_blank" rel="noopener" class="nav-link">T 恤商店</a></li>
  </ul>
</li>

<li class="nav-dropdown-container language">
  <a class="nav-link">多语言</a><span class="arrow"></span>
  <ul class="nav-dropdown">
    <li><a href="https://vuejs.org/resources/partners.html" class="nav-link" target="_blank" rel="noopener">English</a></li>
    <li><a href="https://jp.vuejs.org/resources/partners.html" class="nav-link" target="_blank" rel="noopener">日本語</a></li>
    <li><a href="https://ru.vuejs.org/resources/partners.html" class="nav-link" target="_blank" rel="noopener">Русский</a></li>
    <li><a href="https://kr.vuejs.org/resources/partners.html" class="nav-link" target="_blank" rel="noopener">한국어</a></li>
    <li><a href="https://br.vuejs.org/resources/partners.html" class="nav-link" target="_blank" rel="noopener">Português</a></li>
    <li><a href="https://fr.vuejs.org/resources/partners.html" class="nav-link" target="_blank" rel="noopener">Français</a></li>
    <li><a href="https://vi.vuejs.org/resources/partners.html" class="nav-link" target="_blank" rel="noopener">Tiếng Việt</a></li>
  </ul>
</li>

<li><a href="https://github.com/vuejs/cn.vuejs.org/" target="_blank" class="nav-link contribute">参与翻译</a></li>

  </ul>
</div>

    
      <div id="main" class="fix-sidebar">
        
          
  

<div class="sidebar">
  <div class="sidebar-inner">
    
    <div class="list">
      <div id="sidebar-sponsors-special">
  <div class="main-sponsor">
    <span>特别赞助商</span>
    <div>
    <a href="http://www.dcloud.io/?hmsr=vuejsorg&amp;hmpl=&amp;hmcu=&amp;hmkw=&amp;hmci=" target="_blank" rel="sponsored noopener" class="logo">
      <img src="../images/dcloud.gif" alt="">
    </a>
    </div>
    <div>
    <a href="https://youzan.github.io/vant?source=vuejsorg" target="_blank" rel="sponsored noopener" class="logo">
      <img src="../images/vant.png" alt="">
    </a>
    </div>
  </div>
</div>
<!--

-->

      
        <h2>
          
          
          
            <select class="version-select">
              <option value="SELF" selected>2.x</option>
              <option value="v1">1.0</option>
              <option value="012">0.12</option>
              <option value="011">0.11</option>
            </select>
          
        </h2>
        <ul class="menu-root">
  
    
    
    <li>
      <a href="partners.html" class="sidebar-link current">Vue Partners</a>
    </li>
  
</ul>

      
    </div>
  </div>
</div>
<!--

-->


<div class="content partners with-sidebar ">
  
    
      

    
  
  
    <h1>Vue Partners</h1>
  

  <div class="ad-pagetop">
  <a href="http://www.tp-shop.cn/index.php?http_referer=vuejs" target="_blank" rel="noopener noreferrer">
    <span class="name">TPshop</span>
    <span class="description">中国免费商城系统 - 搜豹商城系统 - 免费50小时Vue视频教程</span>
    <span class="action">立即查看 &gt;</span>
  </a>
</div>


  
    <div id="partners">
  <p>
    Vue Partners are premium shops that provide first-class Vue consulting and development.
    If your company is interested in being listed as a partner, please contact us at
    <a href="mailto:partners@vuejs.org">partners@vuejs.org.</a>
  </p>

  <h2 id="active-partners">Active Partners</h2>

  
    <div class="partner">
      <div class="logo">
        <a href="https://www.vehikl.com?utm_source=vue_partners_page" target="_blank" rel="sponsored noopener">
          <img alt="Vehikl" src="../images/vehikl.png">
        </a>
      </div>
      <div class="profile">
        <!-- <h3> Vehikl </h3> -->
        <p class="description">Vehikl is a software consultancy specialising in PHP and JavaScript. We build best-in-class web applications written with popular frameworks such as Laravel, Express, NestJS, Vue, and React. Think of us as an extension of your team.</p>
        <dl>
          <dt>
              <i class="fa fa-link"></i>
              <span class="sr-only">Link</span>
            </dt>
            <dd>
              <a href="https://www.vehikl.com?utm_source=vue_partners_page" target="_blank" rel="sponsored noopener">
                www.vehikl.com
              </a>
            </dd>

          <dt>
            <i class="fa fa-map-marker"></i>
            <span class="sr-only">Location</span>
          </dt>
          <dd>
            Ontario, Canada
          </dd>

          <dt>
            <i class="fa fa-globe"></i>
            <span class="sr-only">Languages</span>
          </dt>
          <dd class="language-list">
            <ul>
              
                <li>
                  English
                </li>
              
            </ul>
          </dd>

          <dt>Proficiencies</dt>
          <dd>
            <ul>
              
                <li>
                  <a href="https://vuejs.org" target="_blank" rel="sponsored noopener">
                    VueJs
                  </a>
                </li>
              
                <li>
                  <a href="https://laravel.com" target="_blank" rel="sponsored noopener">
                    Laravel
                  </a>
                </li>
              
                <li>
                  <a href="https://nodejs.org" target="_blank" rel="sponsored noopener">
                    Node
                  </a>
                </li>
              
                <li>
                  <a href="" target="_blank" rel="sponsored noopener">
                    Team Augmentation
                  </a>
                </li>
              
            </ul>
          </dd>

          <dd class="social">
            
              <a href="mailto:go+partner@vehikl.com?subject=Hire Vehikl">
                <i class="fa fa-envelope"></i>
                <span class="sr-only">Email</span>
              </a>
            
            
              <a class="github" href="https://github.com/vehikl" target="_blank" rel="noopener">
                <i class="fa fa-github"></i>
                <span class="sr-only">Github</span>
              </a>
            
              <a class="twitter" href="https://twitter.com/vehikl" target="_blank" rel="noopener">
                <i class="fa fa-twitter"></i>
                <span class="sr-only">Twitter</span>
              </a>
            
              <a class="instagram" href="https://www.instagram.com/vehiklteam/" target="_blank" rel="noopener">
                <i class="fa fa-instagram"></i>
                <span class="sr-only">Instagram</span>
              </a>
            
          </dd>
        </dl>
      </div>
    </div>
  
    <div class="partner">
      <div class="logo">
        <a href="https://moduscreate.com/?utm_source=Vue&amp;utm_medium=Partner-Page&amp;utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
          <img alt="Modus Create" src="https://res.cloudinary.com/modus-labs/image/upload/v1533109874/modus/logo-vertical-black.svg">
        </a>
      </div>
      <div class="profile">
        <!-- <h3> Modus Create </h3> -->
        <p class="description">Modus Create is a digital product agency that supports clients with business and product strategy consulting, customer experience, cloud services, and Agile software delivery. Our official partnerships with Atlassian, AWS, InVision, Cloudflare, GitHub, Ionic Framework, and Vue.js reinforce our proven results with digital transformation with organizations from startups to the Fortune 100.</p>
        <dl>
          <dt>
              <i class="fa fa-link"></i>
              <span class="sr-only">Link</span>
            </dt>
            <dd>
              <a href="https://moduscreate.com/?utm_source=Vue&amp;utm_medium=Partner-Page&amp;utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                moduscreate.com
              </a>
            </dd>

          <dt>
            <i class="fa fa-map-marker"></i>
            <span class="sr-only">Location</span>
          </dt>
          <dd>
            Reston, VA, USA / Los Angeles, CA, USA / Cluj, Romania / San José, Costa Rica
          </dd>

          <dt>
            <i class="fa fa-globe"></i>
            <span class="sr-only">Languages</span>
          </dt>
          <dd class="language-list">
            <ul>
              
                <li>
                  English
                </li>
              
                <li>
                  Global
                </li>
              
            </ul>
          </dd>

          <dt>Proficiencies</dt>
          <dd>
            <ul>
              
                <li>
                  <a href="https://vuejs.org" target="_blank" rel="sponsored noopener">
                    VueJs
                  </a>
                </li>
              
                <li>
                  <a href="https://moduscreate.com/partners/aws/?utm_source=Vue&amp;utm_medium=Partner-Page&amp;utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                    AWS
                  </a>
                </li>
              
                <li>
                  <a href="https://moduscreate.com/partners/atlassian/?utm_source=Vue&amp;utm_medium=Partner-Page&amp;utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                    Atlassian
                  </a>
                </li>
              
                <li>
                  <a href="https://moduscreate.com/partners/ionic/?utm_source=Vue&amp;utm_medium=Partner-Page&amp;utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                    Ionic
                  </a>
                </li>
              
                <li>
                  <a href="https://moduscreate.com/what-we-do/product-management/?utm_source=Vue&amp;utm_medium=Partner-Page&amp;utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                    Product Management
                  </a>
                </li>
              
                <li>
                  <a href="https://moduscreate.com/what-we-do/customer-experience/?utm_source=Vue&amp;utm_medium=Partner-Page&amp;utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                    Customer Experience
                  </a>
                </li>
              
                <li>
                  <a href="https://moduscreate.com/what-we-do/agile-transformation/?utm_source=Vue&amp;utm_medium=Partner-Page&amp;utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                    Agile Transformation
                  </a>
                </li>
              
                <li>
                  <a href="https://moduscreate.com/what-we-do/cloud-migration/?utm_source=Vue&amp;utm_medium=Partner-Page&amp;utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                    Cloud Migration
                  </a>
                </li>
              
            </ul>
          </dd>

          <dd class="social">
            
              <a href="mailto:contact@moduscreate.com?subject=Hire Modus Create">
                <i class="fa fa-envelope"></i>
                <span class="sr-only">Email</span>
              </a>
            
            
              <a class="github" href="https://github.com/ModusCreateOrg" target="_blank" rel="noopener">
                <i class="fa fa-github"></i>
                <span class="sr-only">Github</span>
              </a>
            
              <a class="twitter" href="https://twitter.com/ModusCreate" target="_blank" rel="noopener">
                <i class="fa fa-twitter"></i>
                <span class="sr-only">Twitter</span>
              </a>
            
              <a class="linkedin" href="https://www.linkedin.com/company/modus-create-inc" target="_blank" rel="noopener">
                <i class="fa fa-linkedin"></i>
                <span class="sr-only">LinkedIn</span>
              </a>
            
              <a class="youtube" href="https://www.youtube.com/moduscreate" target="_blank" rel="noopener">
                <i class="fa fa-youtube"></i>
                <span class="sr-only">YouTube</span>
              </a>
            
          </dd>
        </dl>
      </div>
    </div>
  
</div>

  
  
  <div class="footer">
      <script src="https://m.servedby-buysellads.com/monetization.js" type="text/javascript"></script>
<div id="bsa-native"></div>
<script>
_bsa.init('custom', 'CKYD62QM', 'placement:vuejsorg',
  {
    target: '#bsa-native',
    template: '<a class="native-box" href="##statlink##"><div class="native-sponsor">Sponsor</div><div class="native-text"><strong>##company##</strong> — ##description##</div></a>'
  }
);
</script>


    发现错误？想参与编辑？
    <a href="https://github.com/vuejs/cn.vuejs.org/blob/master/src/resources/partners.md" rel="noopener" target="_blank">
      在 GitHub 上编辑此页！
    </a>
  </div>
</div>

        
      </div>
      <script src="../js/smooth-scroll.min.js"></script>
    

    <!-- main custom script for sidebars, version selects etc. -->
    <script src="../js/css.escape.js"></script>
    <script src="../js/common.js"></script>

    <!-- search -->
    <link href="https://code.bdstatic.com/npm/docsearch.js@1.5.0/dist/cdn/docsearch.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="../css/search.css">
    <script src="https://code.bdstatic.com/npm/docsearch.js@1.5.0/dist/cdn/docsearch.min.js"></script>
    <script>
    [
      '#search-query-nav',
      '#search-query-sidebar',
      '#search-query-menu'
    ].forEach(function (selector) {
      if (!document.querySelector(selector)) return
      // search index defaults to v2
      var match = window.location.pathname.match(/^\/(v\d+)/)
      var version = match ? match[1] : 'v2'
      docsearch({
      appId: 'BH4D9OD16A',
      apiKey: '5638280abff9d207417bb03be05f0b25',
      indexName: 'vuejs_cn2',
      inputSelector: selector,
      algoliaOptions: { facetFilters: ["version:" + version] },
      autocompleteOptions: { hint: false, appendTo: 'body'}
      })
    })
    </script>
  </body>
</html>
